
var ctx;
var canvas;

function new_draw_string() {
	return {
		str: ' ',
		clr: 'white',
		pnt: '12',
		x: 0,
		y: 0,
		align: 'left'
	}
}
function draw_string(s) {
	// s is an object with the following properties
	// s.str string
	// s.clr color
	// s.pnt pointsize
	// s.x
	// s.y
	// s.align
	ctx.save();
	ctx.strokeStyle = s.clr;

	var x = parseFloat('' + s.x);
	var y = parseFloat('' + s.y);
	var pnt = parseFloat('' + s.pnt);

	if ("center" == s.align) {
		ctx.drawTextCenter("sans", pnt, x, y, s.str);
	} else if ("right" == s.align) {
		ctx.drawTextRight("sans", pnt, x, y, s.str);
	} else {
		ctx.drawText("sans", pnt, x, y, s.str);
	}
	ctx.restore();
}
function canvas_clear() {
	ctx.clearRect(0, 0, canvas.width, canvas.height);
	ctx.fillStyle = "rgb(0, 0, 0)";
	ctx.fillRect(0, 0, canvas.width, canvas.height);
}

function init_graphics() {
	canvas = document.getElementById('canvas');
	ctx = canvas.getContext('2d');
	CanvasTextFunctions.enable(ctx);
	canvas_clear();
}
